// 文本
$(".btn-text")
                .parent("li:first")
                .click(
                                function() {
                                        currentClickImageId = -1;
                                        currentClickRadioId = -1;
                                        currentClickVideoId = -1;

                                        // 循环文本ID
                                        textId++;
                                        currentClickTextId = textId;

                                        var textstr = "<div id='text-"
                                                        + textId
                                                        + "'style='position: absolute;left:"+pptLeft+"px;top:"+pptTop+"px;'>"
                                                        + "<div id='text-title-"
                                                        + textId
                                                        + "' class='text-tit'><img src='../images/ppt/icon01.png' class='v-middle'/>&nbsp;<strong>点击这里拖动</strong>&nbsp;"
                                                        + "<img src='../images/ppt/error_tips.png' class='image-delete v-middle' onclick='divDelete(this);'/></div>"
                                                        + "<textarea class='textarea-class' style='color:rgb(0,0,0);font-size:20px;font-family:宋体;overflow:auto;' name='textarea-"
                                                        + textId
                                                        + "' id='textarea-"
                                                        + textId
                                                        + "' onkeyup='updateTextareaValue(this);'>请输入文本内容</textarea>"
                                                        + "</div>";
                                        $(".c-content").append(textstr);

                                        // 增加事件
                                        textListener(textId);
                                        updateTextLayout(textId);
                                        $(".text-tit").trigger("click");
                                        
                                        //更新
                                        ppt.reSave();
                                });

/**
 * 文本所有事件
 * 
 * @param currentTextId
 * @param currentTextareaId
 */
function textListener(textId) {

        // 文本输入框和配置数据都赋予拖拽功能
        $("#text-" + textId).draggable({
                //containment : ".c-content"
        });

        $(".operate-layout").draggable();

        // 改变选中的文本的 z-index 数值
        $("#text-" + textId).click().mousedown(function() {
                isMouseDown=true;
                currentClickTextId = textId;

                currentClickImageId = -1;
                currentClickRadioId = -1;
                currentClickVideoId = -1;

                $("#text-" + textId).fadeTo(10, 0.5);
                $("#text-" + textId).css("z-index", "" + (++zindex));

                updateTextLayout(textId);
        });

        $("#text-" + textId).click().mouseout(function() {
                $("#text-" + textId).fadeTo(10, 1);
        });
        
        $("#text-" + textId).click().mousemove(function(e) {
                // 执行X轴Y轴的数值传递过程
                if(isMouseDown){
                        updateTextLayout(textId);
                }
        });

        $("#text-" + textId).click().mouseup(function(e) {
                isMouseDown=false;
                $("#text-" + textId).fadeTo(10, 1);
                updateTextLayout(textId);
        });

        $("#textarea-" + textId).click().mousedown(function() {
                currentClickTextId = textId;

                currentClickImageId = -1;
                currentClickRadioId = -1;
                currentClickVideoId = -1;
        });

        // textarea拖动,触发事件
        $("#textarea-" + textId).click().mouseup(function() {
                $("#text-" + textId).fadeTo(10, 1);
                updateTextLayout(textId);
        });

}

/**
 * 更新文本属性框信息
 * 
 * @param textId
 */
function updateTextLayout(textId) {
        var newpos = adjustPosition(".c-content", "#text-" + textId, "#textarea-"
                        + textId);

        var x = (isNaN(newpos.left) ? newpos.pleft : newpos.left);
        var y = (isNaN(newpos.top) ? newpos.ptop : newpos.top);;

        // x y
        $("#text-x-coordinate").val(parseInt(x - newpos.pleft));
        $("#text-y-coordinate").val(parseInt(y - newpos.ptop));

        // 更改位置
        $("#text-" + textId).css("left", x);
        $("#text-" + textId).css("top", y);

        // w h
        var textareaWidth = $("#textarea-" + textId).css("width").split("p")[0];
        var textareaHeight = $("#textarea-" + textId).css("height").split("p")[0];

        $("#textarea-width").val(textareaWidth);
        $("#textarea-height").val(textareaHeight);

        //字体
        var fontfamily = $("#textarea-"+currentClickTextId).css("font-family");
        $("#text-font").val(fontfamily);
        
        //字号 20px
        var fontsize = $("#textarea-"+currentClickTextId).css("font-size");
        if(fontsize!=undefined){
                $("#text-size").val(fontsize.split("p")[0]);
        }
        //颜色
        var color = $("#textarea-"+currentClickTextId).css("color");
        var rgb= color.substring(4,color.length-1);
        var r = parseInt(rgb.split(",")[0]).toString(16).toUpperCase();
        var g = parseInt(rgb.split(",")[1]).toString(16).toUpperCase();
        var b = parseInt(rgb.split(",")[2]).toString(16).toUpperCase();
        
        if(r=='0'){
        	r='00';
        }
        if(g=='0'){
        	g='00';
        }
        if(b=='0'){
        	b='00';
        }
        
       // console.info(r+"-"+g+"-"+b);
        $("#text-picker").val(r+g+b);
        //$("#text-picker option[value='"+r+g+b+"']").attr("selected", true);
        $(".operate-middle .colorpicker-wrap .colorpicker-trigger").css("background-color", "#" +r+g+b);
        //console.info("#text-picker option[value='"+r+g+b+"']");
        
}

/**
 * 确认更改
 */
$("#text-submit").click(function(){
        
        var x=1,y=1,w=300,h=50;
        
        // x
        x = parseInt($("#text-x-coordinate").val().trim());
        if(isNaN(x)){
                alert("x：请输入数字");
                return;
        }else if(x<0){
                alert("x：输入数字必须大于等于0");
                $("#text-x-coordinate").val("0");
                return;
        }
        
        // y
        y = parseInt($("#text-y-coordinate").val().trim());
        if(isNaN(y)){
                alert("y：请输入数字");
                return;
        }else if(y<0){
                $("#text-y-coordinate").val("0");
                alert("y：输入数字必须大于等于0");
                return;
        }

        //w
        w = parseInt($("#textarea-width").val().trim());
        if(isNaN(w)){
                alert("w：请输入数字");
                return;
        }else if(w<0){
                alert("w：输入数字必须大于等于0");
                return;
        }
        
        //h
        h = parseInt($("#textarea-height").val().trim());
        if(isNaN(h)){
                alert("h：请输入数字");
                return;
        }else if(h<0){
                alert("h：输入数字必须大于等于0");
                return;
        }
        //字号
        var textsize = parseInt($("#text-size").val().trim());
        if(isNaN(textsize)){
                alert("字号：请输入数字");
                return;
        }else if(textsize<=0){
                alert("字号 ：输入数字必须大于0");
                return;
        }
        
        var textshowtime=parseInt($("#text-showtime").val().trim());
        if(isNaN(textshowtime)){
                alert("时间：请输入数字");
                return;
        }
        else if(textshowtime<0){
                alert("时间：输入数字必须大于等于0");
                return;
        }
        
        // 字体
        var textfont = $("#text-font").val();
        $("#textarea-"+currentClickTextId).css("font-family",textfont);
        
        //字号
        $("#textarea-"+currentClickTextId).css("font-size",textsize);
        
        //获取约束范围
        var newpos = adjustPosition(".c-content", "#text-" + currentClickTextId, "#textarea-"
                        + currentClickTextId);
        $("#text-" + currentClickTextId).css("left", x+newpos.pleft);
        $("#text-" + currentClickTextId).css("top", y+newpos.ptop);
        $("#textarea-"+currentClickTextId).width(w);
        $("#textarea-"+currentClickTextId).height(h);
        
        newpos = adjustPosition(".c-content", "#text-" + currentClickTextId, "#textarea-"
                        + currentClickTextId);
        
        $("#text-" + currentClickImageId).css("left", newpos.left);
        $("#text-" + currentClickImageId).css("top", newpos.top);
        $("#textarea-"+currentClickTextId).width(newpos.w);
        $("#textarea-"+currentClickTextId).height(newpos.h);
        
        //更新最新坐标
        $("#text-x-coordinate").val(parseInt(newpos.left-newpos.pleft));
        $("#text-y-coordinate").val(parseInt(newpos.top-newpos.ptop));
        $("#textarea-width").val(newpos.w);
        $("#textarea-height").val(newpos.h);

        //增加一个属性，显示时间
        $("#text-"+currentClickTextId).attr("showtime",""+textshowtime);
        
});




/**
 * textarea VALUE
 * 
 * @param obj
 */
function updateTextareaValue(obj) {
        $(obj).text($(obj).val());
        // var id = $(obj).attr("id");
}


/**
 * 上下居中
 */
$("#text-up-down-center").click(function(){
    if(currentClickTextId==-1){
        alert("请选 中一个文本框体");
        return;
    }
	
	//得到图片的左上角坐标
    var newpos = adjustPosition(".c-content", "#text-" + currentClickTextId, "#textarea-" + currentClickTextId);
    var h = newpos.h;
    
    //居中时左上角坐标，只要考虑top
    var newtop = parseInt((newpos.ptop+newpos.pendtop)/2-h/2)-13;
    $("#text-" + currentClickTextId).css("top", newtop);
    $("#text-y-coordinate").val(parseInt(newtop - newpos.ptop));
    
});


/**
 * 左右居中
 */
$("#text-left-right-center").click(function(){
    if(currentClickTextId==-1){
        alert("请选 中一个文本框体");
        return;
    }
	//得到图片的左上角坐标
    var newpos = adjustPosition(".c-content", "#text-" + currentClickTextId, "#textarea-" + currentClickTextId);
    var w = newpos.w;
    
    //居中时左上角坐标，只要考虑left
    var newleft = parseInt((newpos.pleft+newpos.pendleft)/2-w/2);
    $("#text-" + currentClickTextId).css("left", newleft);
    $("#text-x-coordinate").val(parseInt(newleft - newpos.pleft));
});